<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <title>Under maintenance | RubyGems.org</title>
    <style>
      .error__illustration__glow {
        -webkit-animation: rotate 20s infinite;
        animation: rotate 20s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
      }
      @-webkit-keyframes rotate {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      @-ms-keyframes rotate {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      @keyframes rotate {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
    </style>
  </head>
  <body>
    <div style="margin-right: auto; margin-left: auto; width: 90%; max-width: 940px;">
      <div style="padding-top: 60px; position: relative;">
         <img class="error__illustration__glow" style="margin-right: auto; margin-left: auto; position: relative; top: 10px; left: 3%; width: 94%;" alt="Under maintenance" src="/images/glow.png">
         <img alt="Gem and wrench" style="position: absolute; width: 100%; top: 60px; left: 0;" src="/images/gem_wrench.png">
      </div>
      <div style="margin-right: auto; margin-bottom: 120px; margin-left: auto; max-width: 720px; text-align: center;">
        <h1 style="margin-top: 10px; margin-bottom: 8px; font-weight: 200; font-size: 60px; ">Sorry, under maintenance.</h1>
        <p style="font-weight: 300; font-size: 18px; line-height: 1.66; ">
          We&rsquo;ll be back to 100% soon. Some long migration or fixes are being put in place. Hold on! Please checkout
          <a style="text-decoration: none; color: #e9573f;" href="https://status.rubygems.org/">status.rubygems.org</a>
          for more real-time status updates.
        </p>
      </div>
    </div>
  </body>
</html>
